<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/mui.min.css" th:href="@{/web/css/mui.min.css}">
	<link rel="stylesheet" href="css/home.css" th:href="@{/web/css/home.css}">
	<link rel="stylesheet" type="text/css" href="css/icons-extra.css" th:href="@{/web/css/icons-extra.css}"/>
	<link rel="stylesheet" type="text/css" href="css/app.css" th:href="@{/web/css/app.css}"/>
	<title>珐码西-全部分类</title>
	<link href="favicon.ico" type="image/x-icon" rel="icon">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
</head>
<body>



<header class="mui-bar mui-bar-nav aui-header b-line">
	<!--<a class=" mui-icon mui-icon-search mui-pull-left"></a>-->
	<h1 class="mui-title">全部分类</h1>
	<!--<a class=" mui-icon mui-icon-chatbubble mui-pull-right"></a>-->
</header>
<div class="mui-content">
	<div class="aui-nav">
		<h2 class="b-line" style="text-align: center">病种分类</h2>
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<!--/*@thymesVar id="bean" type="com.example.demo.sicktype.bean.SickTypeBean"*/-->
			<li class="mui-table-view-cell mui-media mui-col-sm-3 b-line" th:each="bean:${list}" th:object="${bean}">
				<a th:href="@{/web/shops/{id}(id=*{id})}" class="b-line">
					<span class="aui-cell-img"><img th:src="@{/upload/__*{img}__}" alt=""></span>
					<div class="mui-media-body" th:text="*{title}">肝</div>
				</a>
			</li>
		</ul>
	</div>


</div>


<div style="height:50px"></div>
<nav class="mui-bar mui-bar-tab">
	<div class="t-line">
		<a class="aui-tab-item" href="index.html">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="aui-tab-item mui-active" href="category.html">
			<span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>
			<span class="mui-tab-label">分类</span>
		</a>
		<a class="aui-tab-item" href="car.html">
			<span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
			<span class="mui-tab-label">购物车</span>
		</a>
		<a class="aui-tab-item" href="me.html">
			<span class="mui-icon mui-icon-extra mui-icon-extra-people"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</div>

</nav>
<script src="js/mui.min.js" th:src="@{/web/js/mui.min.js}"></script>
<script type="text/javascript" charset="utf-8">
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
    var slider = mui("#slider");
    document.getElementById("switch").addEventListener('toggle', function(e) {
        if (e.detail.isActive) {
            slider.slider({
                interval: 5000
            });
        } else {
            slider.slider({
                interval: 0
            });
        }
    });
</script>
<script>
    mui.init();
</script>


</body>
</html>